<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<link rel="stylesheet" href="static/css/zui.min.css" />
		<link rel="stylesheet" href="static/css/chosen.min.css" />
		<title>zui chosen 封装</title>
	</head>

	<body>
		<form class="form-horizontal" onsubmit="return false;">
			<div class="form-group">
				<label class="col-xs-2">
                        <p class="text-right">推广方案</p>
                    </label>
				<div class="col-xs-2">
					<input type="text" class="form-control" name="popularrizeSolution" id="promotioScheme" readonly="readonly" placeholder="点击选择方案" />
				</div>
			</div>
		</form>
	</body>
	<script type="text/javascript" src="static/js/jquery-3.2.1.min.js"></script>
	<script type="text/javascript" src="static/js/zui.min.js"></script>
	<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootbox.js/4.4.0/bootbox.min.js"></script>
	<script type="text/javascript" src="static/js/chosen.min.js"></script>
	<script type="text/javascript" src="static/js/modal-chose-table.js"></script>
	<script>
		$(function() {
			//推广方案
			new ModalChoseTable({
				modalSize: "400px",
				id: "promotioScheme",
				dataUrl: "static/data/data1.json",
				resultKey: ['result'],
				itemNameKey: 'name',
				itemIdKey: 'activity'
			});
		});
	</script>

</html>